<%--
  Created by IntelliJ IDEA.
  User: 86188
  Date: 2020/6/4
  Time: 16:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/header.jsp"%>
<html>
<head>
    <title>首页</title>
</head>
<style>

    ul{
        list-style: none;
    }
    li{
        display: inline-block;
    }
    .ul1{

        padding: 10px;
    }
    .ul1 li{
        border-bottom: 1px #EBEEF5 solid;
        width: 300px;
        margin: 18px;

    }
    .spp{
        float: right;
        color: red;
    }
    .ul2 li{
        margin: 10px 50px;
        text-align: center;
    }
    .ul2 span{
       color: red;
    }
    .ivu-card-head{
        background-color: #F2F6FC;
    }
</style>
<body>
<div id="root">


    <div style="width: 85%;margin: 10px auto;overflow: hidden">



        <Card style="width:49%;margin: auto;float: left;height: 150px">
            <p slot="title" style="">
                <Icon type="ios-film-outline"></Icon>
                统计
            </p>
            <span style="display:block;margin: 15px 28px;float: left">
                <Icon type="ios-clipboard" size="50" :style="{float:'left'}"></Icon>
                总订单数:<br/>
                ${z}
            </span>
            <span style="display:block;margin: 15px 28px;float: left">
                <Icon type="md-contacts"  size="50" :style="{float:'left'}"></Icon>
                总用户数:<br/>
                ${z}
            </span>
            <span style="display:block;margin: 15px 28px;float: right">
                <Icon type="ios-clipboard" size="50" :style="{float:'left'}"></Icon>
                总商品数:<br/>
                ${sz}
            </span>
        </Card>


        <Card style="width:49%;margin: auto;float: right;height: 150px;padding: 0px" >
            <p slot="title" style="">
                <Icon type="ios-film-outline"></Icon>
                商品总览
            </p>
            <p>
            <ul class="ul2">
                <li><span>${sxj}</span><br/>已下架</li>
                <li><span>${ssj}</span><br/>已上架</li>
                <li><span>${kcjz}</span><br/>库存紧张</li>
            </ul>
            </p>
        </Card>
    </div>


    <Card style="width:85%;margin:10px auto;">
        <p slot="title">
            <Icon type="ios-film-outline"></Icon>
            待处理事务
        </p>
        <p>
        <ul class="ul1">
            <li>
                待付款订单
                <span class="spp">(${dfk})</span>
            </li>
            <li>
                已完成订单
                <span class="spp">(${ywc})</span>
            </li>
            <li>
                待确认收货订单
                <span class="spp">(${qrsh})</span>
            </li>
            <li>
                待发货订单
                <span class="spp">(${dfh})</span>
            </li>
            <li>
                已发货订单
                <span class="spp">(${yfh})</span>
            </li>
            <li>
                待处理退货订单
                <span class="spp">(${thdd})</span>
            </li>
            <li>
                待审核商品
                <span class="spp">(${dsh})</span>
            </li>
            <li>
                审核通过商品
                <span class="spp">(${ytg})</span>
            </li>
            <li>
                审核拒绝商品
                <span class="spp">(${jj})</span>
            </li>

        </ul>
        </p>
    </Card>
</div>
</body>
<script>
    new Vue({
        el:"#root"
    })
</script>
</html>
